Ext.ns('EP.tweets');

EP.tweets.timeline = new Ext.Component({
	title : '#electricpicnic',
	iconCls : 'info',
	autoWidth : true,
	scroll : 'vertical',
	tpl : [
		'<tpl for=".">',
		'<div class="tweet">',
		'	<img class="tweetimg" src={profile_image_url} {from_user} > ',
	    '		<div class="tweet-content">',
		'			<p> {text} </p>',
		'			<p> {created_at} </p>',
		'		</div>',
		'	</div>',
		'</div>'
	]
});

EP.tweets.searchTerms = "electricpicnic";

EP.tweets.update = function(){
	
	Ext.util.JSONP.request({
		url: 'http://search.twitter.com/search.json',
		callbackKey : 'callback',
		params : {
			q : EP.tweets.searchTerms,
			rpp: 100,
			uniqueify : Math.random()
		},
		callback :  function(data){
			var tweetlist = data.results;
			EP.tweets.timeline.update(tweetlist);
		}
	});	
};
